<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Example 44 (ALL) - Supporting Custom Clip Properties</title>
<script type="text/javascript" src="../dist/jquery-1.3.1.js"></script>
<script type="text/javascript" src="../dist/flowplayer-3.1.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/global.css" />
</head>
<body>

<h2>Example 44 (ALL) - Supporting Custom Clip Properties</h2>
<p class="example">
This example illustrates how custom clip properties may be defined using the "playerProperties"
configuration grouping so that they are added to each clip as the Open Ad Streamer configures the 
clip for the stream. Custom properties may also be defined at a specific stream/ad slot level as 
illustrated in this example.
</p>
<a class="example"></a>

<script type="text/javascript">
flowplayer("a.example", "../dist/flowplayer-3.1.5.swf", {
    plugins: {
        controls: {
            autoHide: "always"
        },

        openAdStreamer: {
            url: '../dist/OpenAdStreamer.swf',
//            "url": "/fp-http/OpenAdStreamer.swf",
 
            "player": {
                "metaData": false,
                "scaling": "orig"
            },
            
            "shows": {
                "baseURL": "http://streaming.openvideoads.org/shows",
                "streams": [
                    {  
                        "file":"the-black-hole.mp4", 
                        "duration":"00:00:20",
                        "player": {
                            "autoBuffering": true,
			                "metaData": false,
			                "scaling": "fit",
	                        "bufferLength": 10	
                        }
                    }                    
                ]
            },
            
            "ads": {
              "servers": [
                   {
                      "type": "OpenX",
                      "apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php"
                   }
              ],
              "schedule": [
                  {
                    "zone": "5",
                    "position": "pre-roll",
                    "player": {
		                "metaData": false,
                        "autoBuffering": true,
                        "fadeInSpeed": 4000,
                        "fadeOutSpeed": 4000,
                        "bufferLength": 10,
                        "scaling": "half"
                    }
                  }
              ]
            },

            "debug": {
              "levels": "fatal",
              "debugger": "firebug"
            }
        }
    }
});
</script>
<p>
The configuration for this example is:
</p>
<div class="codebox">
<pre>
<code class="javascript">
flowplayer("a.example", "../dist/flowplayer-3.1.5.swf", {
    plugins: {
        controls: {
            autoHide: "always"
        },

        openAdStreamer: {
            "url": "/fp-http/OpenAdStreamer.swf",
 
            "player": {
                "metaData": false,
                "scaling": "orig"
            },
            
            "shows": {
                "baseURL": "http://streaming.openvideoads.org/shows",
                "streams": [
                    {  
                        "file":"the-black-hole.mp4", 
                        "duration":"00:00:20",
                        "player": {
                            "autoBuffering": true,
                            "metaData": false,
                            "scaling": "fit",
                            "bufferLength": 10	
                        }
                    }                    
                ]
            },
            
            "ads": {
              "servers": [
                   {
                      "type": "OpenX",
                      "apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php"
                   }
              ],
              "schedule": [
                  {
                    "zone": "5",
                    "position": "pre-roll",
                    "player": {
                       "metaData": false,
                       "autoBuffering": true,
                       "fadeInSpeed": 4000,
                       "fadeOutSpeed": 4000,
                       "bufferLength": 10,
                       "scaling": "half"
                    }
                  }
              ]
            },

            "debug": {
              "levels": "config",
              "debugger": "firebug"
            }
        }
    }
});
</code>
</pre>
</div>
<script type="text/javascript" src="js/tracking.js">
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10158120-3");
if(TRACKING_TURNED_ON) {
	pageTracker._trackPageview();
}
} catch(err) {}
</script>
</body>
</html>